<template>


	<view :style="{color: color,
	fontSize: size,
	backgroundColor:bg,
	left:left,
	right:right,
	width:w,
	height:h,
	minHeight:minH,
	minWidth:minW,
	maxHeight:maxH,
	maxWidth:maxW,
	top:top,
	bottom:bottom,
	position:position,
	padding:p,
	margin:m}">
		<slot></slot>
	</view>

</template>

<script>
	export default {
		name: 'louis-view',
		props: {
			pl: {
				type: String,
				default: ''
			},
			p: {
				type: String,
				default: ''
			},
			m: {
				type: String,
				default: ''
			},
			position: {
				type: String,
				default: ''
			},
			color: {
				type: String,
				default: ''
			},
			w: {
				type: String,
				default: ''
			},
			h: {
				type: String,
				default: ''
			},
			minW: {
				type: String,
				default: ''
			},
			maxW: {
				type: String,
				default: ''
			},
			minH: {
				type: String,
				default: ''
			},
			maxH: {
				type: String,
				default: ''
			},

			bg: {
				type: String,
				default: ''
			},
			size: {
				type: [String],
				default: ''
			},
			left: {
				type: [String],
				default: ''
			},
			right: {
				type: [String],
				default: ''
			},
			top: {
				type: [String],
				default: ''
			},
			bottom: {
				type: [String],
				default: ''
			}

		},
		data() {
			return {};
		},
		computed: {

		},
		methods: {

		}
	};
</script>

<style scoped lang="scss">
	// .louis-view {

	// 	box-sizing: border-box;
	// }
</style>
